/* 亮色主题变量 */
:root[data-theme='light'] {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --text-primary: rgba(0, 0, 0, 0.88);
  --text-secondary: rgba(0, 0, 0, 0.45);
  --border-color: #d9d9d9;
}

/* 暗色主题变量 */
:root[data-theme='dark'] {
  --bg-primary: #141414;
  --bg-secondary: #1f1f1f;
  --text-primary: rgba(255, 255, 255, 0.85);
  --text-secondary: rgba(255, 255, 255, 0.45);
  --border-color: #434343;
}

/* 应用主题变量 */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.bg-theme-secondary {
  background-color: var(--bg-secondary);
}

.text-theme-secondary {
  color: var(--text-secondary);
}

.border-theme {
  border-color: var(--border-color);
}